<?php
error_reporting(0);
session_start()
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
            body {
                background-color: aliceblue;
            }
            .login {
                float: right;
            }
            .formname {
                width: 150px;
                text-align: right;
                margin-right: 20px;
                float: left;
            }
            .regulation {
                color: gray;
            }
            .inputform {
                float: left;
                margin-right: 10px;
            }
        </style>
        <title>FourBox</title>
    </head>
    <body>
            <div id="input" class="login">
                <form method="post" action="logincheck.php" enctype="multipart/form-data">
                    <span>Username: </span>
                    <span><input type="text" id="username" name="myusername"/></span>
                    <span>Password: </span>
                    <span><input type="password" id="password" name="mypassword"/></span><br/>
                    <span><input class="login" type="submit" value="Login" /></span>
                </form>
            </div><br/><br/><br/>
            <hr>
            <div id="registerform">
                <h2>Registration Form</h2>
                <form method="post" action="regcheck.php" enctype="multipart/form-data">
                    <div class="formname">Username*</div>
                    <div><input id="user" name="user" class="inputform" type="text" onkeyup="checkDB(this, this.value)" onchange="checkDB(this, this.value)"></div><span id="txtHintUser"></span><br/><br/>
                    
                    <div class="formname">Password*</div>
                    <div><input id="pass" name="pass" class="inputform" type="password"></div><span class="regulation">8-characters minimum</span><br/><br/>
                    
                    <div class="formname">Confirm Password*</div>
                    <div><input id="cpass" name="cpass" class="inputform" type="password"></div><br/><br/>
                    
                    <div><input class="register" type="submit" value="Register" /></div>
                </form>
            </div>
    </body>
</html>
